<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="img/logo.jpg" type="image/x-icon" />
    <link rel="Shortcut Icon" href="img/logo.jpg" type="image/x-icon" />
    <title>知我隧道</title>
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/simpleTab.css">
</head>

<body>
    <div class="layui-header header header-doc">
        <div class="layui-container">

            <a href="index.html" class="logo">
                <img src="img/logo.jpg">
                <span>知我隧道</span>
            </a>
            <ul class="layui-nav my-nav">
                <li class="layui-nav-item"><a href="index.html">主页</a></li>
                <li class="layui-nav-item  layui-this">
                    <a href="javascript:;">项目</a>
                    <dl class="layui-nav-child">
                        <dd><a href="wechat-applet.html">一个小demo</a></dd>
                        <dd><a href="seckill.html">商城秒杀系统</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="byMe.html">本站</a>
                </li>
                <li class="layui-nav-item">
                    <a href="byAuthor.html">作者</a>
                </li>
                <li class="layui-nav-item">
                    <a href="love.html" target="_blank">彩蛋</a>
                </li>
            </ul>
        </div>
    </div>

    <div class="my-content main">
        <div class="layui-panel sidebar">
            <ul class="layui-menu" id="docDemoMenu1">
                <li class="layui-menu-item-group layui-menu-item-down" lay-options="{type: 'group'}">
                    <div class="layui-menu-body-title">
                        商城秒杀系统 <i class="layui-icon layui-icon-up"></i>
                    </div>
                    <ul class="tabBody">
                        <li class="layui-menu-item-checked">
                            <div class="layui-menu-body-title">项目简介</div>
                        </li>
                        <!-- <li>
                            <div class="layui-menu-body-title">项目预览</div>
                        </li> -->
                        <li>
                            <div class="layui-menu-body-title">接口文档</div>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>

        <div class="layui-card rightbox">
            <div class="doc" style="display: block;">
                <div class="layui-card-header title">
                    商城秒杀系统 - java后端
                </div>
                <ul class="layui-card-body content">
                    <h3>
                        <img src="img/rightArrow.svg" class="rightArrow" alt="">
                        项目说明
                    </h3>
                    <li>主要解决电商在进行抢购活动时，商品详情页与下单环节的高并发问题。</li>
                    <li>功能：登录、发布、删除、评论、敏感字过滤、消息提醒、分页/分类/模糊查询、管理后台等功能。</li>
                    <li>
                        技术栈：SpringBoot、SSM、GuavaCache、MySQL、RocketMQ、Redis、Nginx等。
                    </li>
                    <li>
                        采用SprigBoot+SSM实现了用户状态管理、商品展示和下单操作等功能；使用GuavaCache+Redis构
                        建二级缓存，缓存了用户信息与商品信息，大幅度提高了详情页单词QPS；使用RocketMQ的事务性消
                        息实现一步扣减库存同时也保证了数据的一致性，大幅度提高了下单操作的TPS；使用验证码平滑流量，
                        使用令牌+大闸限制总流量，使用限流器限制单机流量，保证了服务的可用性。
                    </li>
                    <li>
                        在CentOS 8（2核4G）环境下部署Nginx、Tomcat、MySQL、Redis、RocketMQ，采用JMeter进行
                        压测，商品详情页SPS达到3900+，下单操作TPS达到4100+。
                    </li>
                </ul>
                <ul class="layui-card-body content">
                    <h3>
                        <img src="img/rightArrow.svg" class="rightArrow" alt="">
                        获得收获
                    </h3>
                    <li>整套技术栈的连接与融汇贯通、排错、企业开发思路等技术的整体提升。</li>
                    <li>了解高并发、高可用、高可扩的开发设计思路。</li>
                    <li>对Spring家族与Mybatis等框架，有了更深入的理解。</li>
                    <li>对MySQL与Redis等数据库，有了更深入的理解以及高可用的了解。</li>
                    <li>对Nginx、Tomcat、RocketMQ等中间件，有了更深入的理解以及高可用的了解。</li>
                </ul>
                <ul class="layui-card-body content">
                    <h3>
                        <img src="img/rightArrow.svg" class="rightArrow" alt="">
                        项目来源
                    </h3>
                    <li>来自于牛客网教学课程。</li>
                    <li>万分感谢牛客网开设的课程以及其他服务。</li>
                </ul>
            </div>
            <!-- <div class="doc">
                <div class="layui-card-header title">
                    预览
                </div>
            </div> -->
            <div class="doc">
                <div class="layui-card-header title">
                    接口文档
                </div>
                <div class="layui-card-body content">
                    暂无
                    <button class="layui-btn layui-btn-primary layui-border-green interfaceDocument">点击此跳转</button>
                </div>
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="my-content">
            <img src="img/weixin.jpg" alt="">
            <div class="footer-text1">
                本站采用 jQuery + LayUI 开发，如有侵权请及时联系删除
            </div>
            <div class="footer-text2">
                作者：kongbai121 | 微信：ZhengBaiNian121
                <div  class="authorities">
                    备案号：<a href="https://beian.miit.gov.cn/">粤ICP备2021026161号-1</a>
                </div>
            </div>
            <div class="but">
                <a href="seckill.html" class="layui-btn layui-btn-primary layui-border-green but1">商品秒杀项目</a>
                <a href="wechat-applet.html" class="layui-btn layui-btn-primary layui-border-green">校园生活社区</a>
            </div>
        </div>
    </div>

    <!-- ================================================================================= -->
    <script src="js/jquery-3.5.1.min.js"></script>
    <script src="lib/layui/layui.js"></script>
    <script src="js/simpleTab.js"></script>
    <script src="js/seckill.js"></script>

    <script>
        $(()=>{
            $('.interfaceDocument').click(function () {
                layer.msg('贫穷的作者没有多的服务器部署了。。。', {icon: 5});
            })
        })
    </script>

</body>

</html>